/* === SYSTEM RULES === */
/* === These notes should be stripped out and copied to style book before launch === */
/* System messages use the following colours:
* notice => blue:success,messages,additional information,
* error => red:error,go back and fix this problem
* warning => yellow:warning,correct this error before you proceed
*/
/*Just a note,the main div is automagically
* assigned a different class for every different
* functional page,if you want to make use of
* this to style child elements.
The flash divs are intended for use to show error messages
* from just notices to warnings to fatal errors. Errors get
* set in the model or controller like so:flash[:notice] = "notification"
* and are displayed in the view with <%= flash_div :error,:warning,:notice %>
*/
.flash { margin:0.5625em auto; padding:1em; }
.flash_icon	{ float:left; width:50px; padding:0 0.5625em 0 0; border:0; }

.notice, .comment_notice { background:#d1e1ef; border:1px solid #c2d2df;}

.warning, .comment_warning	{ background:#edefd1; border:1px solid #dfdfc2;}
.meta .warning { background:transparent; border:0}

.error, .comment_error { background:#efd1d1; font-weight:bold; line-height:2; padding:.375em; border:1px solid #900;}
.error ul	{ font-weight:100; width:90%; margin:auto; }
.error ul li	{list-style-type:disc;}
span.error {border:0;}

.draggable, .droppable {color:red;}

/* SYMBOLS (help button)*/
span.symbol { font-family:Cambria,Georgia,serif; height:1em; width:1em; margin:0 0.25em; border:1px solid; -moz-border-radius:0.75em; -webkit-border-radius:0.75em;}
span.symbol span { color:#fffef9; height:1em; width:1em; padding:0.425em; }
#main .symbols a, #main .symbol a { text-decoration:none; border:none }
span.question { background:#2b547c; border-color:#2a547c; }
a.question {border:0; font-weight: bold;}

/*SYMBOLS KEY (help content) */
 dl#symbols-key, dl#bookmark-symbols-key { background: #fffef9 }
 dl#symbols-key dt { width: 100px }
 dl#symbols-key h3 { margin: 0 }
 dl#symbols-key dd { margin: -55px auto auto 100px }
 #symbols-key dl { border: 1px solid #ddd; margin-bottom: 1.2525em; padding: 0.15em }
 #symbols-key dl dt img, #bookmark-symbols-key dt img { height: 25px; width: 25px }
 #symbols-key dl dt, #bookmark-symbols-key dt { width: 25px }
 #symbols-key dl dd, #bookmark-symbols-key dd { margin: -1.2525em auto auto 35px }

/* A COLLECTION OF CLASSES TO BE USED WHERE APPROPRIATE. MINIMAL STYLING*/
.important { font-weight:900; }
.message { font-size:1em; }
.required { color:#900; }
.footnote { font-size:0.75em; }

/* Rails will automatically add the errorExplanation and fieldWithErrors divs
* after doing validation of models - just make sure you're using f.label
* or similar! */
/*HOPEFULLY WILL JUNK ALL THESE CLASSES UPON RESOLUTION OF ISSUE 317
* WILL PROBABLY NEED TO SELECT SOME SPECIFIC ROUTES SUCH AS
* .error p
* .error ul
* .error input
* span.error
* div.error
* form .error ...
*/
.errorexplanation,.errorExplanation {background:#efd1d1; border:2px solid #af2020;margin:0.5625em auto;padding:1em;}
.errorexplanation ul,.errorExplanation ul{list-style-type:disc}
#errorexplanationnone ul{display:none;}
.fieldwitherrors{width:31.25em;color:#af2020;}
.fieldwitherrors ul{color:#af2020;font-size:0.75em;margin-bottom:0;}
.fieldwitherrors label{color:#af2020;background-color:#efd1d1;}
.fieldwitherrors input{border:2px solid #af2020;}

/* Debug Style (development only) */
#debug{border:1px dashed;margin:10%;padding:0.625em;}
